ngx-datatable {
  .user-header {
    margin: 5px;
    align-items: center;
    .user-avatar {
      width: 40px;
      height: 40px;
      margin: 0 12px 0 0;

      img {
        border-radius: 50%;
      }
    }
    .user-information {
      small {
        color: rgba(0, 0, 0, .54);
      }
    }
  }
}

.users-search {
  text-align: center;

  mat-form-field {
    width: 70%;
  }

  mat-icon {
    vertical-align: middle;
    padding-bottom: 4px;
  }
}

:host /deep/ .user-name-cell {
  padding: 0 !important;
  a {
    text-decoration: none;
  }
}

:host /deep/ .mat-badge-small .mat-badge-content {
  width: 12px;
  height: 12px;
  line-height: 12px;
}

:host /deep/ .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: 1px;
}

:host /deep/ .mat-badge-small.mat-badge-above .mat-badge-content {
  top: -2px;
}

:host /deep/ .user-enabled .mat-badge-content {
  color: white;
  background: limegreen;
}

:host /deep/ .user-disabled .mat-badge-content {
  color: white;
  background: orange;
}

:host /deep/ .user-locked .mat-badge-content {
  color: white;
  background: red;
}
